<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="../ad-css/admin-sidebar.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../ad-css/ad-sidebar.css">
<link href="../ad-css/ad-thanhvien.css" rel="stylesheet" type="text/css" />
<link href="../ad-css/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="../ad-js/jquery.min.js"></script>
<script src="../ad-js/jquery-1.9.1.js"></script>
<script src="../ad-js/jquery-ui.js"></script>

<script type="text/javascript">
	    $(document).ready(function(){
	     var max_height = 0;
	     //Duyệt qua 2 cột để lấy kích thước của cột lớn nhất
	     $(".admin-sidebar, .ad-update-info").each(function(){
	         if($(this).height() > max_height)
	          max_height = $(this).height();
	     });
	     //Gán độ cao 3 cột theo giá trị max_height
	     $(".admin-sidebar, .ad-update-info").height(max_height);
	    });
		
		$(function() {
			$( "#tabs" ).tabs();
		  });
</script>
</head>

<body>
	<div class="ad-baoquanh">
        <div class="admin-sidebar">
            <?php include("../ad-html/ad-sidebar.html"); ?>        
        </div>
        
        <div class="ad-update-info">
            <p class="ad-tieude">cập nhật thông tin thành viên phòng thí nghiệm</p>
            
            <div id="main">
                    
                      <div id="tabs">
                      <ul>
                        <li><a href="#tabs-1">cán bộ</a></li>
                        <li><a href="#tabs-2">sinh viên</a></li>                    
                      </ul>
                      
                      <div id="tabs-1">
                            <article style="overflow:hidden;">
                                <section><!--thanh vien ben trai-->
                                    <div class="avatar">
                                        <a href="#"><img src="../images/welcome.jpg" width="80px" height="80px" alt="avatar" /></a>
                                    </div>
                                    
                                    <div class="info">
                                        <h3>Nguyen Khac Phuc</h3>
                                        <p>Website: <span><a href="http://www.google.com.vn">My profile</a></span></p>
                                        <p>Email: <span>nkphuc700@gmail.com</span></p>
                                    </div>
                                    
                                    <div class="thanhvien-xoa-capnhat">
                                    	<a href="#" class="capnhat" title="Cập nhật thông tin thành viên"></a>
                                        <a href="#" class="xoa" title="Xóa thành viên"></a>
                                    </div>
                                </section> 
                            </article>
                      </div> <!--ket thuc tab-->
                      
                      
                      <div id="tabs-2">
                            <article style="overflow:hidden;">
                                <section><!--thanh vien ben trai-->
                                    <div class="avatar">
                                        <a href="#"><img src="../images/welcome.jpg" width="80px" height="80px" alt="avatar" /></a>
                                    </div>
                                    
                                    <div class="info">
                                        <h3>Nguyen Khac Phuc</h3>
                                        <p>Website: <span><a href="http://www.google.com.vn">My profile</a></span></p>
                                        <p>Email: <span>nkphuc700@gmail.com</span></p>
                                    </div>
                                    
                                    <div class="thanhvien-xoa-capnhat">
                                    	<a href="#" class="capnhat" title="Cập nhật thông tin thành viên"></a>
                                        <a href="#" class="xoa" title="Xóa thành viên"></a>
                                    </div>
                                </section> 
                                
                                <section><!--thanh vien ben trai-->
                                    <div class="avatar">
                                        <a href="#"><img src="../images/welcome.jpg" width="80px" height="80px" alt="avatar" /></a>
                                    </div>
                                    
                                    <div class="info">
                                        <h3>Nguyen Khac Phuc</h3>
                                        <p>Website: <span><a href="http://www.google.com.vn">My profile</a></span></p>
                                        <p>Email: <span>nkphuc700@gmail.com</span></p>
                                    </div>
                                    
                                    <div class="thanhvien-xoa-capnhat">
                                    	<a href="#" class="capnhat" title="Cập nhật thông tin thành viên"></a>
                                        <a href="#" class="xoa" title="Xóa thành viên"></a>
                                    </div>
                                </section>   
                                                          
                            </article>
                      </div> <!--ket thuc tab 2-->
                      
                    </div>
                    
                </div><!--ket thuc div main-->
        </div>
	</div> <!--ket thuc div bao quanh-->
</body>
</html>